<nz-layout>
  <nz-header class="header-style">StyleHint</nz-header>
  <nz-content nz-row class="text-style">
    <div nz-col>Log in or Sign up with</div>
    <div nz-col>
      <button nz-button class="login-button-style"><i nz-icon nzType="instagram" nzTheme="outline" class="login-icon-style"></i>Instagram</button>
    </div>
    <div nz-col>
        <button nz-button class="login-button-style"><i nz-icon nzType="sketch" nzTheme="outline" class="login-icon-style"></i>UNIQLO</button>
    </div>
      <nz-select [(ngModel)]="selectedValue" class="login-button-style">
        <nz-option nzValue="jp" nzLabel="Japan"></nz-option>
        <nz-option nzValue="us" nzLabel="United States"></nz-option>
        <nz-option nzValue="fr" nzLabel="France"></nz-option>
        <nz-option nzValue="uk" nzLabel="United Kingdom"></nz-option>
      </nz-select>
    <div nz-col>
        <button nz-button class="skip-login-button">Not Now</button>
    </div>
  </nz-content>
  <nz-footer></nz-footer>
</nz-layout>
